@import "../../less/extend/global";
@import "../../less/extend/mixins";

.m-content {
	background-color: #fff;
}

.m-block {
	position: relative;
	padding: 14px 8px;
	display: block;

	.b-lf {
		width: 110px;
		height: 75px;
		float: left;

		img {
			width: 95%;
			height: 95%;
			border-radius: 1PX;
			margin: 0 auto;
		}
	}

	.b-rg {
		padding-left: 120px;

		.r-tle {
			line-height: 20px;
			color: #101010;
		}

		.r-flag{
			display: inline-block;
			color: #fff;
			font-size: 12px;
			padding: 1px 5px;
			border-radius: 2PX;
		    margin: 15px 0 5px 0;
			background-color: @default-color;
		}

		.r-time {
			font-size: 12px;
			color: #999;
		}

		.r-infos {
            // overflow: hidden;
            display: flex;
            font-size: 12px;

            .r-info {
                // float: left;
                // width: 33.333333%;
                flex: 1;
                padding-top: 2px;
                color: #101010;

                &.on {
					color: @default-darken-color;
                }
            }
        }
	}

	&:after {
		.bottom-line();
	}
}
